<template>
  <view>
    <view class="box_2 flex-col">
      <view class="list_1 flex-col">
        <view class="list-items_1 flex-row justify-between" v-for="(item, index) in loopData0" :key="index">
          <div class="flex-row justify-between">
            <image class="label_1" referrerpolicy="no-referrer" :src="item.lanhuimage0" />
            <view class="text_box">
              <text class="text_4" v-html="item.lanhutext0"></text>
              <text class="text_6" v-html="item.lanhutext2"></text>
            </view>
          </div>


          <text class="text_5" v-html="item.lanhutext1"></text>

        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        loopData0: [{
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1015c6effdc62f71fc2f8a03ab088c80f59665c9540b8cc2288268c6d2f74b71',
            lanhutext0: '李娜',
            lanhutext1: '09:32',
            lanhutext2: '记得放点、辣',
            slot1: 1,
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng26bab98d19588fa3c955b7e50d62abfff4e1e0ab140e6fd40554ac414b23504c',
            lanhutext0: '钟婷',
            lanhutext1: '09-20',
            lanhutext2: '多加料…',
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1015c6effdc62f71fc2f8a03ab088c80f59665c9540b8cc2288268c6d2f74b71',
            lanhutext0: '李娜',
            lanhutext1: '09:32',
            lanhutext2: '记得放点、辣',
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng26bab98d19588fa3c955b7e50d62abfff4e1e0ab140e6fd40554ac414b23504c',
            lanhutext0: '钟婷',
            lanhutext1: '09-20',
            lanhutext2: '多加料…',
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1015c6effdc62f71fc2f8a03ab088c80f59665c9540b8cc2288268c6d2f74b71',
            lanhutext0: '李娜',
            lanhutext1: '09:32',
            lanhutext2: '记得放点、辣',
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng26bab98d19588fa3c955b7e50d62abfff4e1e0ab140e6fd40554ac414b23504c',
            lanhutext0: '钟婷',
            lanhutext1: '09-20',
            lanhutext2: '多加料…',
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1015c6effdc62f71fc2f8a03ab088c80f59665c9540b8cc2288268c6d2f74b71',
            lanhutext0: '李娜',
            lanhutext1: '09:32',
            lanhutext2: '记得放点、辣',
          },
          {
            lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng26bab98d19588fa3c955b7e50d62abfff4e1e0ab140e6fd40554ac414b23504c',
            lanhutext0: '钟婷',
            lanhutext1: '09-20',
            lanhutext2: '多加料…',
          },
        ],
        constants: {},
      };
    },
    methods: {},
  };
</script>

<style lang="scss">
  .box_2 {

    padding-bottom: 1px;

    .list_1 {
      height: 576px;

      .list-items_1 {
        background-color: rgba(255, 255, 255, 1);
        position: relative;
        height: 72px;
        padding: 12px 12px 12px 16px;

        .label_1 {
          width: 48px;
          height: 48px;
        }

        .text_box {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-left: 24rpx;
        }

        .text_4 {
          overflow-wrap: break-word;
          color: rgba(15, 24, 38, 1);
          font-size: 16px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 22px;
        }

        .text_5 {
          width: 37px;
          overflow-wrap: break-word;
          color: rgba(169, 175, 184, 1);
          font-size: 12px;
          font-weight: normal;
          text-align: right;
          white-space: nowrap;
          line-height: 16px;
          margin-top: 3px;
        }
      }

      .text_6 {
        overflow-wrap: break-word;
        color: rgba(169, 175, 184, 1);
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 20px;
        margin-top: 2px;
      }
    }

    .image_2 {
      position: absolute;
      left: 360px;
      top: -88px;
      width: 15px;
      height: 208px;
    }
  }
</style>